<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>派生选择器</title>
		<!-- 需求：派生选择器抓取页面“行内2”  颜色随意，字体放大50px 
		                                   父元素[id]
										   提示：祖宗 爷爷 父亲 子
		-->
		<style>
			#dl div div span{
				    font-size: 50px;
					color: #ffaaff;
					
			}
			
			/* 派生选择器：找两个删除线，颜色：第一个删除线红色，第二个绿色 */
			.dl div div s{
				color: #ff0000;
			}
			.dl div div div s{
				color: #55aa7f;
			}
			
			
			
		</style>
	</head>
	<body>
		
		<div class="dl">
			<div><p>段落1</p><div><s>删除线</s><div><s>删除线</s></div></div></div>
			<div><p>段落2</p></div>
		</div>
		
		
		
		
		
		
		
		<hr >
		<div id="dl">
			<div>
				<p>段落</p>
				<span>行内1</span>
				<div>
					<span>行内2</span>
				</div>
			</div>
		</div>
	</body>
</html>